<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>系统-我的工作</title> 
   <link type="text/css" href="css/main_css.css?1=3" rel="stylesheet" />
   <script type="text/javascript" src="scripts/jquery/jquery-1.7.1.js"></script>
</head>

<body scroll="no">
   <!--head开始-->
   <div class="top">
      <div class="fl logo"><img src="pics/logo.png" style="float: left"/><div style="float: left;height: 100%;line-height: 60px;font-size: 20px;color: #ffffff;font-family:Microsoft YaHei">管理平台</div></div>
      <div class="fl logo_title"><img src="pics/company.png" style="float: left;padding-top: 17px;"/><div style="float: left;line-height: 60px;padding-left: 10px;">厦门超瞳科技有限公司</div></div>
      <div class="fr post">
         <ul>
            <li>
               <img src="pics/manager.png" />
               <p>经理</p>
            </li>
            <li>
               <img src="pics/operator.png" />
               <p>操作员</p>
            </li>
            <li class="exit_operate">
               <img src="pics/power.png" />
               <p><a href="login.html">退出系统</a></p>
            </li>
         </ul>
      </div>
   </div>
   <!--head结束-->
   <div class="side">
      <div class="left_menu">
      	 <div class="menu_btn menu_btn2"  onclick="scrolled2()">
            	<img src="images/left_menu/menu_button1.png" />
         </div>
         <ul id="TabPage2">
            <li class="selected" onclick="switchTab('ul1');">
               <img src="pics/org.png" width="26" height="28"/>
               <p>组织架构</p>               
            </li>
            <li onclick="switchTab('ul2');">
               <img src="pics/usermanager2.png" width="26" height="28" style="z-index: 100"/>
               <p>用户管理</p>
            </li>
            <li onclick="switchTab('ul3');">
               <img src="pics/expert2.png" width="26" height="28"/>
               <p>专家管理</p>
            </li>	
            <li onclick="switchTab('ul4');">
               <img src="pics/terminal2.png" />
               <p>终端管理</p>
            </li>
           <li>
               <img src="images/left_menu/6.png" />
               <p></p>
            </li>
             <li onclick="switchTab('ul99');">
               <img src="images/left_menu/5.png" />
               <p></p>
            </li>
			 <li>
               <img src="images/left_menu/7.png" />
               <p></p>
            </li>
			</ul>
         <div class="menu_btn" onclick="scrolled()">
            <img src="images/left_menu/menu_button2.png" />
         </div>
      </div>
   </div>
   <div class="right_body">
      <iframe src="" width="100%" height="100%"  frameborder="0" scrolling="auto" marginwidth="0" marginheight="0" border="0" allowtransparency="true" id="iframeBody"></iframe>
   </div>
<script type="text/javascript">
   $(function() {
      $('#TabPage2 li').click(function() {
         var index = $(this).index();
         $(this).find('img').attr('src', 'pics/left_menu/' + (index + 1) + '_hover.png');
         $(this).addClass("selected");
         $('#nav_module').find('img').attr('src', 'pics/left_menu/' + (index + 1) + '.png');
         $('#TabPage2 li').each(function(i, ele) {
            if (i != index) {
               $(ele).find('img').attr('src', 'pics/left_menu/' + (i + 1) + '.png');
               $(ele).removeClass("selected");
            }
         });
         
         switchBody('main/back/OrgManager.jsp');
      });
      $('.left_menu_cnt li').hover( 
         function () {
            $(this).addClass("selected3");
         },
         function () {
            $(this).removeClass("selected3");
         }
      );
      $('.left_menu_cnt li').click(function () {
         $('.left_menu_cnt li').removeClass("selected2");
         $(this).addClass("selected2");
      });
   });
   function switchTab(obj){
      $('.ullist').hide();
      $('.'+obj).show();
   }
   function switchBody(url){
      $('#iframeBody').attr('src',url);
   }
   function scrolled(){
      var hei =$('.left_menu').height();
       var hei2 =$('#TabPage2').height()+94;
       if(hei < hei2){
          $('#TabPage2').css('bottom','47px');
       }
   }
   function scrolled2(){
      var hei =$('.left_menu').height();
       var hei2 =$('#TabPage2').height()+94;
       if(hei < hei2){
          $('#TabPage2').css('bottom','');
       }
   }
</script>
</body>
</html>       
